<template>
	<div class="swiper">
		<swiper :options="swiperOption">
		    <swiper-slide v-for="item of swiperList" :key="item.id" ><img :src="item.img" /></swiper-slide>
		    <div class="swiper-pagination"  slot="pagination"></div>
		</swiper>
	</div>
</template>
<script>
	export default{
		props:["swiperList"],
		data(){
			return{
       			swiperOption:{       			
				        pagination: {
				            el: ".swiper-pagination"
				        },
						autoplay: {
						    delay: 3000,
						    stopOnLastSlide: false,
						    disableOnInteraction: true,
						}, 
				   
       			}
       			
				// "swiperList":[
				// 	{
				// 		"id":"1",
				// 		"img":"http://mp-piao-admincp.qunarzz.com/mp_piao_admin_mp_piao_admin/admin/20193/c807f8e462d269397489ef90b16f61b7.jpg_750x200_aaf543ba.jpg"
				// 	},
				// 	{
				// 		"id":"2",
				// 		"img":"http://mp-piao-admincp.qunarzz.com/mp_piao_admin_mp_piao_admin/admin/20193/81743f7e8589990dd413cccadf315f8b.jpg_750x200_6f3f5164.jpg"
				// 	},
				// 	{
				// 		"id":"3",
				// 		"img":"http://mp-piao-admincp.qunarzz.com/mp_piao_admin_mp_piao_admin/admin/20192/9f73976e40c4ef845cabe0efc0269ebb.jpg_750x200_aab92b7a.jpg"
				// 	},
				// 	{
				// 		"id":"4",
				// 		"img":"http://mp-piao-admincp.qunarzz.com/mp_piao_admin_mp_piao_admin/admin/20193/81743f7e8589990dd413cccadf315f8b.jpg_750x200_6f3f5164.jpg"
				// 	},	
				// 	{
				// 		"id":"5",
				// 		"img":"http://mp-piao-admincp.qunarzz.com/mp_piao_admin_mp_piao_admin/admin/20193/2f5f3ea4698c9b7898db7562d89b91ed.jpg_750x200_bd3b4ce9.jpg"
				// 	}
				// ]
			}
		}
	}
</script>

<style scoped>
	 .swiper{
		width:100%;
		height:0;
		padding-bottom:26.67%;
		background:#999;
	}
	.swiper img{
		width:100%;
		height:100%;
	}
	.swiper>>>.swiper-pagination-bullet-active {
	    opacity: 1;
	    background: #fff;
	} 
</style>